import React from 'react'
const Home = React.lazy(() => import('../pages/Home'))
const About = React.lazy(() => import('../pages/About'))
const News = React.lazy(() => import('../pages/News'))
const Message = React.lazy(() => import('../pages/Message'))
const Detail = React.lazy(() => import('../pages/Detail'))
export default [
  {
    path: '/',
    element: <Home></Home>,
  },
  {
    path: '/home',
    element: <Home></Home>,
    children: [
      {
        path: 'message',
        element: <Message></Message>,
        children: [
          {
            path: 'detail/:id',
            element: <Detail></Detail>,
          },
        ],
      },
      {
        path: 'news',
        element: <News></News>,
      },
    ],
  },
  {
    path: '/about',
    element: <About></About>,
  },
]
